import CrimDesc from '@/components/CrimeDesc/index';
import CaseInfoDesc from '@/components/Desc/CaseInfo';
import PersonInfoDesc from '@/components/Desc/PersonInfo/index';
import Graph from '@/components/Echarts/Graph';
import Graph2 from '@/components/Echarts/Graph2';
import Graph3 from '@/components/Echarts/Graph3';
import ExitMatchDesc from '@/components/ExitMatchDesc/index';
import Cases from '@/components/Table/Cases';
import PrisonRelationship from '@/components/Table/PrisonRelationship';
import TimeArea from '@/components/Table/TimeArea';
import { Card, Col, Descriptions, Empty, Row, Tabs } from 'antd';

export default () => {
  return (
    <div>
      <Card title="核验结果">
        <Row gutter={[10, 10]}>
          <Col span={9}>
            <Card title="个人信息">
              <PersonInfoDesc></PersonInfoDesc>
            </Card>
          </Col>
          <Col span={10}>
            <Card title="案件信息">
              <CaseInfoDesc></CaseInfoDesc>
            </Card>
          </Col>
          <Col span={5}>
            <Card title="结果总览">
              <Descriptions
                layout="vertical"
                items={[
                  {
                    key: '疑似余罪',
                    label: '疑似余罪',
                    children: '2',
                  },
                  {
                    key: '关键证据',
                    label: '关键证据',
                    children: '1',
                  },
                ]}
              />
            </Card>
          </Col>
        </Row>
      </Card>
      <Card title="明细信息" className="mt10">
        <Tabs>
          <Tabs.TabPane tab="疑似余罪1" key={1}>
            <Card title="余罪信息">
              <Row>
                <Col span={18}>
                  <CrimDesc reason="危险驾驶经历，空间特征重合，物品信息重合"></CrimDesc>
                </Col>
                <Col span={6}>
                  <Card title="置信度">
                    <h2 className="flex-center">100</h2>
                  </Card>
                </Col>
              </Row>
            </Card>
            <Card title="人员画像" className="mt10">
              <Graph id={'r1'}></Graph>
            </Card>
            <Row className="mt10" gutter={10}>
              <Col span={12}>
                <Card title="警情匹配">
                  <Empty description="暂无结果"></Empty>
                </Card>
              </Col>
              <Col span={12}>
                <Card title="在逃匹配">
                  <ExitMatchDesc></ExitMatchDesc>
                </Card>
              </Col>
            </Row>
            <Card className="mt10" title="线索明细">
              <Card title="时间空间">
                <TimeArea
                  data={[
                    {
                      time: '2023-03-12',
                      area: '广州市·白云区',
                      address: 'xxx',
                      location: 'xxx',
                      event: '住宿登记',
                    },
                    {
                      area: '佛山市-xx区',
                      event: '刑事指纹采集',
                    },
                  ]}
                ></TimeArea>
              </Card>
              <Card title="犯罪关系" className="mt10">
                <TimeArea data={[]}></TimeArea>
              </Card>
              <Card title="关联案件" className="mt10">
                <Cases
                  data={[
                    {
                      time: '2023-03-12',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '盗窃罪',
                    },
                    {
                      time: '2023-04-25',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '强奸罪',
                    },
                    {
                      time: '2023-02-25',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '盗窃罪',
                    },
                    {
                      time: '2023-02-25',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '危险驾驶',
                    },
                  ]}
                ></Cases>
              </Card>
            </Card>
          </Tabs.TabPane>
          <Tabs.TabPane tab="疑似余罪2" key={2}>
            <Card title="余罪信息">
              <Row>
                <Col span={18}>
                  <CrimDesc
                    caseType="盗窃案"
                    time="-"
                    company="-"
                    city="佛山市"
                    area="和顺区"
                  ></CrimDesc>
                </Col>
                <Col span={6}>
                  <Card title="置信度">
                    <h2 className="flex-center">30</h2>
                  </Card>
                </Col>
              </Row>
            </Card>
            <Card title="人员画像" className="mt10">
              <Graph2 id={'r1'}></Graph2>
            </Card>
            <Row className="mt10" gutter={10}>
              <Col span={12}>
                <Card title="警情匹配">
                  <Empty description="暂无结果"></Empty>
                </Card>
              </Col>
              <Col span={12}>
                <Card title="在逃匹配">
                  <ExitMatchDesc></ExitMatchDesc>
                </Card>
              </Col>
            </Row>
            <Card className="mt10" title="线索明细">
              <Card title="时间空间">
                <TimeArea
                  data={[
                    {
                      time: '2023-03-12',
                      area: '广州市·白云区',
                      address: 'xxx',
                      location: 'xxx',
                      event: '住宿登记',
                    },
                    {
                      area: '佛山市-xx区',
                      event: '刑事指纹采集',
                    },
                  ]}
                ></TimeArea>
              </Card>
              <Card title="犯罪关系" className="mt10">
                <TimeArea data={[]}></TimeArea>
              </Card>
              <Card title="关联案件" className="mt10">
                <Cases
                  data={[
                    {
                      time: '2023-03-12',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '盗窃罪',
                    },
                    {},
                    {
                      time: '2023-02-25',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '盗窃罪',
                    },
                  ]}
                ></Cases>
              </Card>
            </Card>
          </Tabs.TabPane>
          <Tabs.TabPane tab="关键证据1" key={3}>
            <Card title="余罪信息">
              <Row>
                <Col span={18}>
                  <CrimDesc
                    caseType="卖淫案"
                    time="-"
                    company="-"
                    city="广州市"
                    area="花都区"
                    address="-"
                    reason="空间伴随，历史犯罪，出租屋居住符合卖淫特征，关系人员涉案"
                  ></CrimDesc>
                </Col>
                <Col span={6}>
                  <Card title="置信度">
                    <h2 className="flex-center">80</h2>
                  </Card>
                </Col>
              </Row>
            </Card>
            <Card title="人员画像" className="mt10">
              <Graph3 id={'r1'}></Graph3>
            </Card>
            <Row className="mt10" gutter={10}>
              <Col span={12}>
                <Card title="警情匹配">
                  <Empty description="暂无结果"></Empty>
                </Card>
              </Col>
              <Col span={12}>
                <Card title="在逃匹配">
                  <ExitMatchDesc></ExitMatchDesc>
                </Card>
              </Col>
            </Row>
            <Card className="mt10" title="线索明细">
              <Card title="时间空间">
                <TimeArea
                  data={[
                    {
                      time: '2023-03-12',
                      area: '广州市·白云区',
                      address: 'xxx',
                      location: 'xxx',
                      event: '住宿登记',
                    },
                    {
                      area: '佛山市-xx区',
                      event: '刑事指纹采集',
                    },
                  ]}
                ></TimeArea>
              </Card>
              <Card title="犯罪关系" className="mt10">
                <PrisonRelationship
                  data={[
                    {
                      name: '董邦杰',
                      relationshop: '情侣',
                      address: 'xxxx',
                    },
                    {},
                  ]}
                ></PrisonRelationship>
              </Card>
              <Card title="关联案件" className="mt10">
                <Cases
                  data={[
                    {
                      name: '莫叶香',
                      time: '2023-03-12',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '卖淫案',
                    },
                    {
                      name: '董邦杰',
                      time: '2023-04-25',
                      area: '广州市-花都区',
                      address: 'xxxxxx',
                      caseType: '组织卖淫',
                    },
                    {
                      name: '',
                      time: '2023-02-25',
                      area: '广州市-白云区',
                      address: 'xxxxxx',
                      caseType: '组织卖淫',
                    },
                  ]}
                ></Cases>
              </Card>
            </Card>
          </Tabs.TabPane>
        </Tabs>
      </Card>
    </div>
  );
};
